@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-10-18 08:57:34
 * @version $Id$
 */
 /* header */
.header{
    position: absolute;
    height:125px;
    z-index: 666;
    width: 100%;
}
.logo{
    width:334px;
    height:90px;
    margin-top: 40px;
    float: left;
    margin-left: -80px;    
}
.logo img{
    display: block;
    width: 100%;
}
@media(max-width: 767px){
.logo img {
width: 77%;
}
}
.nav{
    float:right;
    margin-right:320px;
    margin-top:50px;
}
.lang{
    position: absolute;
    right: 160px;
    background: #035598;
    width: 53px;
    height: 53px;
    text-align: center;
    line-height: 53px;
    border-radius: 50%;
    box-shadow:0px 0px 5px rgba(0,0,0,.3);
    top: 50px;
}
.lang a{
    color: #fff;
    font-size: 16px;
}
.nav ul li{
    width: 160px;
    float: left;
    text-align: center;
    font-size: 16px;
    position: relative;
    height: 60px;
    line-height: 60px;
}
.nav ul li > a{
    width: 100%;
    color: #333333;
    font-weight: bold;
}
.nav ul li{
    position: relative;
    z-index: 666;
}
.nav ul li::after{
    content: '';
    position: absolute;
    top: 0;
    background: rgba(255,255,255,.7);
    width: 100px;
    left:50%;
    transform: translateX(-50%);
    z-index: -1;
    height: 60px;
    display: none;
}
.nav ul li:hover>a{
    color: #035598;
}
.nav ul li:hover::after{
    display: block;
}
.nav ul .nav-active > a{
    color: #035598;
}
.nav ul .nav-active::after{
    display: block;
}
.nav-sub{
    position: absolute;
    width: 100px;
    top: 60px;
    z-index: 66;
    left:50%;
    transform: translateX(-50%);
    display: none;
    padding: 0 10px;
    background: rgba(255,255,255,.7);
}
.nav-sub dl dd{
    line-height: 30px;
    text-align: center;
    line-height: 30px;
}
.nav-sub dl dd a{
    color: #333;
}
.nav-sub dl dd:hover a{
    color:#035598;
}
@media(max-width:1800px){
    .nav ul li{
        width: 140px;
    }
    .nav{
        margin-right: 200px;
    }
    .lang{
        right: 100px;
    }
}
@media(max-width:1500px){
    .nav ul li{
        width: 120px;
    }
    .nav{
        margin-right: 200px;
    }
    .lang{
        right: 100px;
    }
}
@media(max-width:1400px){
    .nav ul li{
        width: 110px;
    }
    .nav{
        margin-right:150px;
    }
    .lang{
        right: 60px;
    }
}
@media(max-width:1200px){
    .logo{
        width: 260px;
        margin-top: 25px;
    }
    .nav ul li{
        width: 100px;
    }
    .nav{
        margin-right:100px;
        margin-top: 25px;
    }
    .lang {
        position: absolute;
        width: 45px;
        height: 45px;
        line-height: 45px;
        top: 34px;
        right: 30px;
    }
}
@media(max-width: 991px){
    .logo{
        width:260px;
        margin-top:10px;
    }
    .lang{
        display: none;
    }
}
@media(max-width: 599px){
    .logo{
        width:220px;
        margin-top:5px;
        margin-left: -60px;    
    }
}
/* banner */
.swiper-container{
    width: 100%;
    max-width: 1920px;
}
#banner .swiper-slide img{
    width: 100%;
    display: block;
}
.swiper-pagination-bullet{
    width: 50px;
    height: 4px;
    background: #fff;
    border-radius: 0px;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #035598;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 15px;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 50px;
}
@media (max-width: 991px){
    .swiper-pagination-bullet{
        width: 40px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets{
        bottom: 20px;
    }
}
@media (max-width: 599px){
    .swiper-pagination-bullet{
        width: 30px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets{
        bottom: 8px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 8px;
    }
}
/*首页关于我们*/
#homeabout{
    margin-top: 100px;
}
.homeabout-l{
    width: 50%;
    float: left;
}
.homeabout-r{
    width: 50%;
    float:right;
    padding-left: 14px;
}
.homeabout-r ul li{
    float: left;
    width: 50%;
    padding:14px 14px;
}
.homeabout-r ul{
    margin:-14px -14px;
}
.homeabout-r ul li img{
    width: 100%;
    display: block;
    transition: all 0.4s;
}
.homeabout-r ul li:hover img{
    transform: scale(1.1);
}
.homeabout-rimg{
    overflow: hidden;
}
.homeabout-l h2{
    font-size: 36px;
    color: #222222;
}
.homeabout-ltxt{
    margin-top: 60px;
    color: #666666;
    line-height: 30px;
    text-align: justify;
}
.homeabout-l{
   padding-right: 14px;
}
.homeabout-ul li{
    border: 1px solid #035598;
    height: 110px;
    border-radius: 5px;
    text-align: center;
    float: left;
    width: 31%;
    margin-right: 3%;
    cursor: pointer;
}
.homeabout-ul li:hover{
    background: #035598;
    color: #fff;
}
.homeabout-ul li:hover h3,.homeabout-ul li:hover h4{
    color: #fff;
}
.homeabout-ul.row{
    margin-left: 0;
    margin-right: 0;
}
.homeabout-ul li:last-child{
    margin-right:0;
}
.homeabout-ul li h3{
    font-size: 36px;
    font-weight: bold;
    color: #035598;
    padding-top: 20px;
    transition: all 0.4s;
}
.homeabout-ul li h4{
    color: #035598;
    padding-top:10px;
}
.homeabout-ul{
    margin-top: 60px;
}
.homeabout-more{
    margin-top:55px;
}
.more{
    width: 164px;
    height: 45px;
    color:#035598;
    text-align: center;
    border: 1px solid #035598;
    display: block;
    border-radius: 5px;
    line-height: 45px;
}

@media(max-width:1300px){
    .homeabout-l h2{
        font-size: 25px;
    }
    .homeabout-ltxt {
        margin-top: 25px;
        line-height: 25px;
    }
}
@media(max-width:1200px){
    .homeabout-l h2{
        font-size: 25px;
    }
    .homeabout-ltxt {
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .homeabout-ul li h3{
        font-size: 25px;
    }
    .homeabout-ul li h4{
        font-size: 14px;
    }
    .homeabout-ul li{
        height: 95px;
    }
    .homeabout-ul{
        margin-top: 20px;
    }
    .homeabout-more {
        margin-top: 30px;
    }
}
@media(max-width:991px){
    .homeabout-l{
        width: 100%;
    }
    .homeabout-r{
        width: 100%;
    }
    #homeabout {
        margin-top: 50px;
    }
    .homeabout-r{
        padding-left: 0;
        margin-top: 25px;
    }
}
@media(max-width:500px){
    .homeabout-l h2 {
        font-size: 22px;
    }
    #homeabout {
        margin-top: 20px;
    }
    .homeabout-ul li h3 {
        font-size: 22px;
    }
    .homeabout-more {
        margin-top: 20px;
    }
    .more {
        width: 120px;
        font-size: 14px;
    }
    .homeabout-r ul li{
        padding: 5px 5px;
    }
    .homeabout-r ul{
        padding:0px 5px;
    }
}
/*首页产品中心*/
#homepro{
    margin-top: 100px;
}
.homepro-ul{
    display: flex;
}
.homepro-ul li{
    width: 12.5%;
    overflow: hidden;
    position: relative;
}
.homepro-litit{
    position: absolute;
    top: 35%;
    color: #035598;
    left: 5%;
    font-size: 30px;
}
.homepro-litit h3,.homepro-litit h4{
    font-weight: bold;
    text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
}
.homepro-litit h4{
    margin-top: 10px;
}
.homepro-ul li.homepro-hover{
    width: 50%;
}
.homepro-liimg{
    width: 640px;
}
.homepro-liimg img{
    width: 100%;
}
.home-tit{
    text-align: center;
}
.home-tit h2{
    font-size: 36px;
}
.home-tit h3{
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
}
.homepro-ul{
    margin-top: 60px;
}
@media(max-width:1200px){
    .home-tit h2 {
        font-size: 25px;
    }
    .home-tit h3{
        margin-top: 8px;
    }
    .homepro-litit{
        font-size: 20px;
    }
}
@media(max-width:991px){
    #homepro {
        margin-top: 40px;
    }
    .homepro-ul {
        margin-top: 35px;
    }
}
@media(max-width:800px){
    .homepro-litit{
        font-size: 15px;
    }
}
@media(max-width:550px){
    .homepro-litit{
        font-size: 15px;
    }
    #homepro {
        margin-top: 20px;
    }
    .home-tit h2 {
        font-size: 22px;
    }
    .home-tit h3{
        font-size: 14px;
    }
    .homepro-ul {
        margin-top: 18px;
    }
    .homepro-litit {
        font-size: 12px;
    }
}
@media(max-width:450px){
    .homepro-litit {
        font-size: 10px;
    }
}
/*首页新闻资讯*/
#homenews{
    margin-top: 100px;
}
.homenews-box{
    margin-top: 50px;
}
.homenews-box .owl-wrapper-outer{
    overflow: hidden;
}
.owl-carousel .owl-item{
    float: left;
    padding: 0 15px;
}
.owl-wrapper-outer{
    height: 480px;
}
.owl-carousel div img{
    width: 100%;
}
.homenews-img{
    overflow: hidden;
}
.homenews-img img{
    transition: all 0.4s;
}
.owl-carousel  .owl-item:hover img{
    transform: scale(1.1);
}
.owl-carousel  .owl-item:hover h3{
    font-weight: bold;
    color: #035598;
}
.homenews-txt{
    padding:30px 20px 30px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
}
.homenews-txt h3{
    font-size: 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.4s;
}
.homenews-txt h4{
    color: #666666;
    line-height: 24px;
    margin-top: 10px;
}
.homenews-txt span{
    display: block;
    margin-top: 10px;
    color: #666666;
}
.homenews-more a{
    margin:56px auto 0;
}
@media(max-width:991px){
    #homenews{
        margin-top: 50px;
    }
    .homenews-txt h3{
        font-size: 16px;
    }
    .homenews-txt span{
        font-size: 14px;
        margin-top: 5px;
    }
    .homenews-txt h4 {
        line-height: 20px;
        margin-top: 10px;
        font-size: 14px;
    }
}
@media(max-width:500px){
    #homenews{
        margin-top: 50px;
    }
    #homenews {
        margin-top: 25px;
    }
    .home-tit h2 {
        font-size: 18px;
    }
    .homenews-box {
        margin-top: 15px;
    }
    .homenews-txt h4 {
        line-height: 20px;
        margin-top: 10px;
        font-size: 14px;
    }
    .homenews-txt h3{
        font-size: 16px;
    }
    .homenews-txt span{
        font-size: 14px;
        margin-top: 5px;
    }
    .homenews-txt {
        padding: 15px 15px 10px;
    }
    .owl-wrapper-outer {
        height: 450px;
    }
    .homenews-more a {
        margin: 0px auto 0;
    }
}
@media(max-width:400px){
    .owl-wrapper-outer {
        height:380px;
    }
}
/*首页技术支持*/
#hometech{
    background: #fafafa;
    margin-top: 60px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.hometechtxt{
    background: #fff;
    padding:20px 30px;
}
.hometechtxt h3{
    font-size: 24px;
    color: #333333;
}
.hometechtxt h4{
    margin-top:10px;
    color: #666666;
}
.hometechitem img{
    width: 100%;
}
.hometechtxt{
    position: relative;
}
.hometech-more{
    position: absolute;
    top: 20px;
    right: 30px;
}
@media(max-width:991px){
    .homenews-more a {
        margin: 25px auto 0;
    }
    .hometechtxt h3{
        font-size: 22px;
    }
    .hometechtxt{
        padding: 15px;
    }
    .hometech-more {
        position: absolute;
        top: 8px;
        right: 15px;
    }
    .hometech-more .more {
        width: 110px;
        height: 40px;
        line-height: 40px;
    }
}
@media(max-width:500px){
    #hometech {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media(max-width:449px){
    .hometechtxt h3 {
        font-size: 18px;
    }
    .hometechtxt h4{
        font-size: 14px;
    }
    .hometech-more .more {
        width: 90px;
        height: 35px;
        line-height: 35px;
    }
}
/*底部*/
#footer{
    background: #313131;
    padding-top: 60px;
}
.footer ul li a{
    color: #fff;
}
.footer-l{
    float: left;
    width: 78%;
}
.footer-r{
    float:right;
    width: 20.8%;
    overflow: hidden;
    color: #fff;
}
.footer-r ul li span{
    display:block;
}
.footer-r ul li{
    float: left;
    width: 45%;
    margin-right: 5%;
    text-align: center;
}
.footer-r ul {
    margin-top: 25px;
}
.footer-r ul li:last-child{
    margin-right: 0;
}
.footer-r ul li span{
    color: #c9c9c9;
}
.footer-r ul li img{
    width: 100%;
}
.footer-l ul li{
    float: left;
    margin-right:60px;
}
.footer-l ul li dl{
    margin-top: 25px;
    font-size: 14px;
}
.footer-l ul li dl dd a{
    color: #c9c9c9;
    line-height: 25px;
}
.footer-l ul li:last-child{
    margin-right: 0;
}
.copyright{
    height: 80px;
    border-top: 1px solid #fafafa;
    line-height: 80px;
    color: #c9c9c9;
    margin-top: 60px;
}
.copy-l{
    float: left;
}
.copy-r{
    float: right;
}
@media(max-width:1200px){
    .footer-l{
        width: 100%;
    }
    .footer-r{
        float:left;
        width: 20.8%;
        overflow: hidden;
        color: #fff;
    }
}
@media(max-width:991px){
    .footer-l{
        width: 100%;
    }
    .footer-r{
        float:left;
        width: 30.8%;
        overflow: hidden;
        color: #fff;
    }
    .footer-l ul li{
        margin-right:0px;
        height: 200px;
        width: 25%;
    }
    .footer-l ul li:last-child{
        width: 75%;
    }

}
@media(max-width:600px){
    .footer-r{
        display: none;
    }
    .copyright{
        font-size: 14px;
        margin-top: 10px;
    }
    
}
@media(max-width:500px){
    .footer-r{
        display: none;
    }
    .copyright{
        font-size: 14px;
        margin-top: 10px;
    }
    .copy-r{
        display: none;
    }
}
/* 内页公司简介 */
.inside-title{
    height: 80px;
    background: #fff;
}
.tab-nav{
    float: left;
    height: 80px;
    position: relative;
}
.tab-nav h2{
    font-size: 24px;
    color: #222;
    font-weight: bold;
    line-height: 80px;
}
.inside-nav{
    float: right;
}
.inside-nav li{
    float: left;
}
.inside-nav li a{
    display: block;
    line-height: 80px;
    padding: 0 20px;
    color: #333;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.inside-nav li:hover a{
    color: #fff;
    background-color: #035598;
}
.inside-nav li.nav-on a{
    color: #fff;
    background-color: #035598;
}
@media(max-width: 991px){
    .inside-title{
        height: auto;
        margin-top: 20px;
    }
    .inside-nav{
        display: none;
    }
    .tab-nav{
        height: 50px;
        width: 100%;
        background: #035598;
    }
    .tab-nav h2{
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        padding-left: 10px;
    }
    .inside-nav{
        float: none;
        width: 100%;
    }
    .inside-nav li{
        width: 100%;
        float: none;
        text-align: center;
        border: 1px solid #035598;
        border-bottom: none;
    }
    .inside-nav li:last-child{
        border-bottom: 1px solid #0173bc;
    }
    .inside-nav li a{
        line-height: 48px;
    }
    .inside-nav li:hover a{
        background: #fff;
        color: #035598;
    }
    .inside-nav li.nav-on a{
        color: #035598;
        background: #fff;
    }
}
.public-inside{
    padding-top: 80px;
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 60px;
}
.about-img{
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.about-img img{
    display: block;
    width: 100%;
}
.about-info{
    font-size: 16px;
    color: #444;
    line-height: 30px;
    text-indent: 24px;
}
.about-info p{
    margin-bottom: 20px;
}
@media(max-width: 1200px){
    .public-inside{
        padding-top: 60px;
        padding-bottom: 40px;
    }
}
@media(max-width: 991px){
    .public-inside{
        padding-top: 30px;
        padding-bottom: 20px;
    }
}
@media(max-width: 559px){
    .public-inside{
        padding-bottom: 10px;
    }
    .about-info{
        font-size: 14px;
        line-height: 24px;
    }
    .about-img{
        margin-bottom: 15px;
    }
}
/* 新闻资讯 */
.news-top{
    padding-bottom: 20px;
    border-bottom: 1px dashed #a1a1a1;
}
.news-img{
    float: left;
    width: 210px;
}
.news-top-right{
    float: right;
    width: calc(100% - 230px);
}
.news-top-title{
    padding-top: 10px;
}
.news-top-title h3{
    line-height: 28px;
    font-size: 20px;
    transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
    -o-transition: all 0.5s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    font-weight: bold;
}
.zhiding{
    display: block;
    float: left;
    width: 34px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: #d22819;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 2px;
}
.news-top-title h3:hover>a{
    color: #035598;
}
.news-top-title h3:hover{
    transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    -webkit-transform: translateX(8px);
}
.news-date{
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    margin-bottom: 12px;
}
.news-ms{
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
}
.news-ul li{
    padding: 15px 0px;
    border-bottom: 1px dashed #a1a1a1;
}
.news-ul li h3{
    line-height: 28px;
    font-size: 20px;
    transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
    -o-transition: all 0.5s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-ul li h3:hover{
    transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    -webkit-transform: translateX(8px);
}
.news-ul li h3:hover>a{
    color: #035598;
}
@media(max-width: 767px){
    .news-img{
        float: none;
        width: 100%;
        text-align: center;
    }
    .news-top-right{
        float: none;
        width: 100%;
    }
    .news-top-title h3{
        font-size: 16px;
    }
    .news-ul li h3{
        font-size: 16px;
    }
    .zhiding{
        margin-left: 10px;
    }
    .news-date{
        margin-top: 4px;
        margin-bottom: 8px;
    }
    .news-ms{
        font-size: 14px;
    }
    .news-top{
        padding-bottom: 14px;
    }
    .news-ul li{
        padding-top: 10px;
    }
}
.pro-main{
    overflow: hidden;
}
.pro-item{
    max-width: 408px;
    margin: 0 auto;
    overflow: hidden;
}
.pro-img{
    width: 100%;
    overflow: hidden;
}
.pro-img img{
    display: block;
    width: 100%;
    transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
    -o-transition: all 0.5s;
}
.pro-item p{
    line-height: 60px;
    text-align: center;
    font-size: 18px;
}
.pro-item:hover .pro-img img{
    -moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.pro-item:hover p{
    color: #035598;
}
.pro-main{
    overflow: hidden;
}
@media(max-width: 991px){
    .pro-item p{
        line-height: 48px;
        font-size: 16px;
    }
}
/* 产品详情 */
.pros-main{
    margin: 20px 0px;
    font-size: 14px;
    min-height: 200px;
    text-align: left;
}
.pros-page{
    width:100%; 
	line-height:30px; 
	text-align:left; 
	margin-top:20px; 
	border-top:solid 1px #CCCCCC;	
	padding-top:5px;
	font-size: 16px;
}
@media(max-width:1199px){
    .pros-main img{
        display: block;
        width: 100%;
    }
}
/* 联系我们 */
.contact_left{
    background: #ffffff;
    padding: 52px 54px 52px;
    margin-bottom: 20px;
    width: 50%;
    float: left;
}
.contact_left>h3{
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 25px;
}
.contact_left>p{
    font-size: 16px;
    line-height: 30px;
}
.contact_right{
    width: 48%;
    float: right;
}
.contact_right>img{
    display: block;
    width: 100%;
    height: 305px;
}
.map>img{
    display: block;
    width: 100%;
}
@media(max-width: 1199px){
    .contact_left,.contact_right{
        width: 100%;
        float: none;
    }
    .contact_right>img{
        margin-bottom: 20px;
        height: 100%;
    }
}
@media(max-width: 767px){
    .contact_left{
        padding: 15px;
    }
    .contact_left>h3{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .contact_left > p{
        font-size: 14px;
        line-height: 24px;
    }
}